<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>111</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(function () {
            $("button").click(function () {
                $("#div1").fadeTo("slow", 0.15, function () {
                    $("#div2").fadeTo("fast", 0.4, function () {
                        $("#div3").fadeTo("Time", 0.2);
                    })
                })
            })
        })
    </script>
</head>

<body>
    <p>演示 fadeTo() 使用不同参数</p>
    <button>点我让颜色变淡</button>
    <br><br>
    <div id="div1" style="width:80px;height:80px;background-color:red;"></div><br>
    <div id="div2" style="width:80px;height:80px;background-color:green;"></div><br>
    <div id="div3" style="width:80px;height:80px;background-color:blue;"></div>

</body>

</html>